<template>
  <div class="my-header" :style="{ color, backgroundColor: bgc, fontSize: fs }">
    {{ title }}
  </div>
</template>

<script>
export default {
  props: ['title', 'color', 'bgc', 'fs'],
  // props: {
  //   // bgc: String, // 只能传字符串类型，不然报错
  //   title: {
  //     type: String, // 类型判断
  //     required: true, // 必须传的值
  //   },
  //   color: {
  //     type: String,
  //     default: 'yellow', // 默认值，如果不传值，就使用默认的
  //   },
  // },
}
</script>

<style lang="less" scoped>
.my-header {
  height: 45px;
  line-height: 45px;

  text-align: center;
  // background-color: #90aed8;
  color: rgb(255, 255, 255);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
</style>
